<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <meta name="keywords" content="つべ連続シャッフル再生,youtube shuffle,youtube再生リストを連続再生,シャッフル再生,youtube playlist,vibes,youtube api">
        <meta name="description" content="vibesはyoutube apiを利用した再生リスト共有サービスです。youtubeの再生リストを連続でシャッフル再生します,Vibs is Grid view and Shuffle play your youtube playlist.">
        <meta name="author" content="agniuek.com">
        <meta name="msvalidate.01" content="B17F46571AEB8DF77AAD776AA1A4EE23" />
        <title>vibes | grid view from youtube playlist. vibes help. </title>
        <link rel="stylesheet" href="/css/style.css" media="screen" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <!--avgrund-->
        <!--
        <link rel="stylesheet" href="jquery.avgrund.js_v1_1/style/avgrund.css" />
        <script src="jquery.avgrund.js_v1_1/js/jquery.avgrund.js"></script>
        -->
        <script src="blocksit.min.js"></script>

        <script>
            $(document).ready(function() {
                $('#container').BlocksIt({
                    numOfCol: 4,
                    offsetX: 5,
                    offsetY: 0,
                    blockElement: '.grid'
                });
            });
        </script>
        <script src="http://www.google.com/jsapi" type="text/javascript"></script>
        <script type="text/javascript">
            google.load("swfobject", "2.1");
        </script>
        <script src="video_app.js" type="text/javascript"></script>
        <script type="text/javascript">
            var iOS = ( navigator.userAgent.match(/(iPad|iPhone|iPod)/i) ? true : false );
            var global_video_id="<?php echo $default_video_id ?>";
            var isShuffle =false;
            var player=null;
            function layoutGrid(){
                $('#container').BlocksIt({
                    numOfCol: 4,
                    offsetX: 5,
                    offsetY: 0,
                    blockElement: '.grid'
                });
            }

        </script>
        <!--twitter-->
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        <!--fb-->
        <script src="//connect.facebook.net/ja_JP/all.js#appId=156642911121470&amp;xfbml=1" type="text/javascript"></script>
    </head>
    <body>
        <div id="main_box" data-role="page" >
            <header id="top_header" >
                <div id="logo"><a href="/Index" ><img src="/images/logo-vibes.png" alt="vibes"/></a></div>
                <div id="top_ad_help" >
                    <script type="text/javascript"><!--
                        google_ad_client = "ca-pub-4498051423313001";
                        /* vibes.agniuek.com ヘッダー部　ビッグバナー広告 */
                        google_ad_slot = "9621755468";
                        google_ad_width = 728;
                        google_ad_height = 90;
                        //-->
                    </script>
                    <script type="text/javascript"
                            src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                    </script>
                </div>
            </header>
            <hr />
            <div id="about">
            <h1>::About vibes::</h1>
            <p>vibes is small video player. powerd by youtube api</p>
            <p>If you have youtube palylist. it's very easy to use.</p>

            <h1>:: step 1.Make Your PlayList on Youtube::</h1>
            <p> Vibes is player tool </p>
            <p> 1st Please Make Your Playlist on <a href="http://www.youtube.com/feed/playlists">Youtube</a>
            
             <h1>::step 2. <h1/>
             <p> Then click Log In Button  to <a href="/">Main Page</a> </p>
             
            <h1>::functions::</h1>
            <p>Grid view from  your youtube playlists.</p>
            <p>Shuffle play.</p>
            <p>Link to share to twitter , facebook, google plus.</p>
            <p>Supports html5.</p>

            <h1>::How to use vibes::</h1>
            <p> 1. Make playlist on youtube if you don't have <p>
            <p> 2. access  here.  <a href="/index.php">http://vibes.agniuek.com</a></p>
            <p> 3. click login(youtube). You must Auth sub to youtube account.</p>
            <p> 4. enjoy</p>

            <h1>::About me::</h1>

            <footer><p>- <a href="http://clubamigokk.blogspot.jp/">k.kodama</a></p></footer>

            </div>

                <footer id="help_footer">
                    <div id="copyright">Copyright © 2012 the agniuek.com All rights reserved.</div>

                    <div id="donate">
            <h1>::Buy Me a Coffee!::</h1>


<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <a href="#" onclick="submit()"><img src="/images/coffee2.png" alt="donate me" /></a>
    
<input name="cmd" type="hidden" value="_xclick" />
<input name="business" type="hidden" value="agniuek@gmail.com" />
<input name="lc" type="hidden" value="JP" />
<input name="item_name" type="hidden" value="donate to app rocks member" />
<input name="item_number" type="hidden" value="donateapprocks" />
<input name="amount" type="hidden" value="1000" />
<input name="currency_code" type="hidden" value="JPY" />
<input name="button_subtype" type="hidden" value="services" />
<input name="no_note" type="hidden" value="0" />
<input name="tax_rate" type="hidden" value="5.000" />
<input name="shipping" type="hidden" value="1000" />
<input name="bn" type="hidden" value="PP-BuyNowBF:btn_paynowCC_LG.gif:NonHostedGuest" />
<input type="image" alt="PayPal - オンラインでより安全・簡単にお支払い"  name="submit" src="https://www.paypalobjects.com/ja_JP/JP/i/btn/btn_paynowCC_LG.gif"  />
<img alt="" border="0" height="1" src="https://www.paypalobjects.com/ja_JP/i/scr/pixel.gif" width="1" /></form>
                        </div>

                </footer>

            <!--google analytics-->
            <script type="text/javascript">

                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-37241315-1']);
                _gaq.push(['_trackPageview']);

                (function() {
                    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();

            </script>
        </div><!--mainobx-->

    </body>
</html>
